<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="scss">
#app {
  background: linear-gradient(
      rgba(255, 255, 255, 0.7), 
      rgba(255, 255, 255, 0.7)
    ),
    url('~@/assets/background.png') !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  min-height: 100vh;
  
  /* 确保内容区域不会覆盖背景 */
  .el-main, .app-main {
    background-color: transparent !important;
  }
  
  /* 确保路由视图不会覆盖背景 */
  .router-view {
    background-color: transparent !important;
  }
}
</style>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'

@Component({
  name: 'App',
})
export default class extends Vue {}
</script>
